<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>23软件一班_23003004_陈天濠_轮播图</title>
    <link rel="stylesheet" href="./轮播图.css">
</head>

<body>
    <div class="slidershow middle">
        <div class="slides">
            <input type="radio" name="r" id="r1" checked>
            <input type="radio" name="r" id="r2">
            <input type="radio" name="r" id="r3">
            <input type="radio" name="r" id="r4">
            <input type="radio" name="r" id="r5">
            <div class="slide s1">
                <img src="./占宝_1.jpg">
            </div>
            <div class="slide">
                <img src="./占宝_2.jpg">
            </div>
            <div class="slide">
                <img src="./占宝_3.jpg">
            </div>
            <div class="slide">
                <img src="./占宝_4.jpg">
            </div>
            <div class="slide">
                <img src="./占宝_5.jpg">
            </div>
        </div>
        <div class="navigation">
            <label for="r1" class="bar"></label>
            <label for="r2" class="bar"></label>
            <label for="r3" class="bar"></label>
            <label for="r4" class="bar"></label>
            <label for="r5" class="bar"></label>
        </div>
    </div>
</body>

</html>